<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>教程</title>
  @@include('./common/link.html')
</head>

<body>
  @@include('./common/header.html')
  @@include('./common/navigation.html')
  <!--  内容  -->
  <div class="container main">
    <div class="row">
      <div class="col left-column" id="main-left-cloumn">
        <div class="tab"><i class="fa fa-reorder"></i> 全部教程</div>
        <div class="sidebar-box gallery-list">
          <div class="design">
            <div class="navto-nav"><i class="fa fa-external-link"></i> JavaScript</div>
          </div>
          <div class="design">
            <div class="navto-nav"><i class="fa fa-external-link"></i> 服务端</div>
          </div>
          <div class="design">
            <div class="navto-nav"><i class="fa fa-external-link"></i> 数据库</div>
          </div>
          <div class="design">
            <div class="navto-nav"><i class="fa fa-external-link"></i> 移动端</div>
          </div>
        </div>
      </div>
      <div class="col middle-column-home">
        <!--pc端显示列表-->
        <div class="codelist codelist-desktop">
          <h2><i class="fa fa-list"></i> JavaScript</h2>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 JavaScript】</h4>
            <strong>JavaScript 是 Web 的编程语言</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 HTML DOM】</h4>
            <strong>HTML DOM 定义了访问和操作 HTML 文档的标准方法</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 jQuery】</h4>
            <strong>jQuery 是一个 JavaScript 库</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 AngularJS】</h4>
            <strong>AngularJS 通过新的属性和表达式扩展了 HTML</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 AngularJS2】</h4>
            <strong>AngularJS2 是一款开源JavaScript库，由Google维护。</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 Vue.js】</h4>
            <strong>Vue.js 是一套构建用户界面的渐进式框架。</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 React】</h4>
            <strong>React 是一个用于构建用户界面的 JAVASCRIPT 库</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 TypeScript】</h4>

            <strong>TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 jQuery UI】</h4>
            <strong>jQuery UI 是建立在 jQuery上的一组用户界面交互、特效、小部件及主题</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 jQuery EasyUI 】</h4>
            <strong>jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件</strong>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 Node.js】</h4>
            <strong>Node.js 是运行在服务端的 JavaScript</strong>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 AJAX】</h4>
            <strong>AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 JSON】</h4>
            <strong>JSON 是存储和交换文本信息的语法</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 Echarts】</h4>

            <strong>ECharts 是一个使用 JavaScript 实现的开源可视化库</strong>
          </a>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>【学习 Highcharts】</h4>
            <strong>Highcharts 是一个用纯JavaScript编写的一个图表库</strong>
          </a>
        </div>
        <!-- 手机端显示列表-->
        <div class="codelist codelist-mobile">
          <h2><i class="fa fa-list"></i> JavaScript</h2>
          <a class="item-top item-1" href="./tutorial.html">
            <h4>JavaScript</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>HTML DOM</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>jQuery</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>AngularJS</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>AngularJS2</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>Vue.js</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>React</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>TypeScript</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>jQuery UI</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>jQuery EasyUI</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>Node.js</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>AJAX</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>JSON</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>Echarts</h4>
          </a>

          <a class="item-top item-1" href="./tutorial.html">
            <h4>Highcharts</h4>
          </a>
        </div>
      </div>
    </div>
  </div>
  @@include('./common/footer.html',{
    hasBlock: true
  })
  @@include('./common/fixBtn.html')
</body>

</html>